﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UboxReader.ascx.cs" Inherits="UserControl_UploadPreview" %>
<%@ Register Src="~/UserControl/UboxTemplate.ascx" TagPrefix="uc1" TagName="UboxTemplate" %>
<%@ Register Src="~/UserControl/UboxIntroduction.ascx" TagPrefix="uc1" TagName="UboxIntroduction" %>
<%@ Register Src="~/UserControl/UboxRecommend.ascx" TagPrefix="uc1" TagName="UboxRecommend" %>
<%@ Register Src="~/UserControl/UboxMessageBoard.ascx" TagPrefix="uc1" TagName="UboxMessageBoard" %>






<style>
    .black-container{
    cursor: -webkit-zoom-out;
    z-index: 2000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 40px;
    background-color: rgba(0, 0, 0, 0.45);
    overflow-y: auto; /*垂直滾輪*/
}
.reader-top, .reader-container, .recommend-container,
.introduction-container, .reader-bottom,
.reader-rigth-container, .reader-bottom-left{
    /*border: 1px solid white;*/
}
.reader-top{
    width: 930px;
    margin: 15px auto 0 auto;
    overflow: auto;
}
.reader-bottom{
    width: 930px;
    margin: 15px auto 0 auto;
    /*overflow: auto;*/
}
.reader-bottom-left{
    width: 600px;
}
.reader-container{
    float: left;
}
.reader-rigth-container{
        overflow: hidden;
}
.recommend-container{
        margin-left: 10px;
}
.introduction-container{
        margin-left: 10px;
}

</style>

<div class="black-container">
    <div class="container">
    <div class="reader-top ">
        <div class="reader-container ">
           <uc1:UboxTemplate runat="server" ID="UboxTemplate" />
        </div>
        <div class="reader-rigth-container">
            <div class="recommend-container">
                <uc1:UboxRecommend runat="server" ID="UboxRecommend" />
            </div>
            <div class="introduction-container">
                <uc1:UboxIntroduction runat="server" ID="UboxIntroduction" />
            </div>
        </div>
    </div>
    <div class="reader-bottom">
        <div class="reader-bottom-left">
            <uc1:UboxMessageBoard runat="server" ID="UboxMessageBoard" />
        </div>
    </div>

    </div>
</div>

<script>

</script>